<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>Bootstrap Template</title>
	<link href="css/common/bootstrap.min.css" rel="stylesheet">
	<script src="js/common/jquery-3.2.1.min.js"></script>
	<script src="js/login/login.js"></script>
	<style type="text/css">
		.form-div {
			margin-top: 140px;
			width: 400px;
			border: 1px solid #dddee1;
			padding: 25px 10px 10px 10px;
			border-radius: 10px;
			margin-left: 50%;
			/*写给不支持calc()的浏览器*/
			margin-left: -moz-calc(50% - 200px);
			margin-left: -webkit-calc(50% - 200px);
			margin-left: calc(50% - 200px);
		}
	</style>
</head>

<body>
	<div>
		<div class="form-div">
			<form class="form-horizontal">
				<div class="form-group">
					<label for="username" class="col-sm-3 control-label">User</label>
					<div class="col-sm-9">
						<input type="text" class="form-control" id="username" placeholder="username">
					</div>
				</div>
				<div class="form-group">
					<label for="password" class="col-sm-3 control-label">password</label>
					<div class="col-sm-9">
						<input type="password" class="form-control" id="password" placeholder="password">
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-offset-3 col-sm-9">
						<button type="button" class="btn btn-default" onclick="signIn()">SignIn</button>
						<!-- Button trigger modal -->
						<!-- <button type="button" class="btn btn-default" 
							data-toggle="modal" data-target="#myModal">
							Launch demo modal
						</button> -->
					</div>
				</div>
			</form>
		</div>
	</div>

	<!-- Modal -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">Modal title</h4>
				</div>
				<div class="modal-body" id="signInModalBody">
					...
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">cancel</button>
					<button type="button" class="btn btn-primary">ok</button>
				</div>
			</div>
		</div>
	</div>
	<script src="js/common/bootstrap.min.js"></script>
</body>

</html>